/******************************/
/***********变量区域***********/
/*登录*/
var user;
var pwd;




// 获取屏幕宽度
function windowOfWidth() {
	//获取屏幕大小
	return window.innerWidth;
}
/**************************导航栏中 div nav-right 屏幕自动式响应**********************************************/
// 设置导行栏样式
function reSetNavCalss(navRightDiv) {
	var thisWidth = windowOfWidth();
	//控制台打印获取的屏幕宽度值
	console.log("thisWidth:" + thisWidth)
	if(thisWidth > 834) {
		//addClass添加class
		$("#navRightDiv").addClass("activeNav");
		$("#loginNavRightDiv").addClass("activeNavOk");

	}
	if(thisWidth <= 767) {
		$("#navRightDiv").removeClass("activeNav");
		$("#loginNavRightDiv").removeClass("activeNavOk");
	}
	if(thisWidth > 767 && thisWidth < 834) {

		$("#navRightDiv").addClass("response");
		$("#login").addClass("login");
	} else {
		//removeClass删除class

		$("#navRightDiv").removeClass("response");
		$("#login").removeClass("login");

	}
}
/*************************************结束*************************************************/

/*************************************************************************/
/*******************登录模态框验证用户输入格式*****************************/
/*************************************************************************/

/*验证用户登录帐号*/
function valiDataUser() {
	/*获取输入框的帐号*/
	user = document.getElementById("user").value;
	console.log(user);
	var userSapn = document.getElementById("userSpan");
	if(user == "") {
		userSapn.innerHTML = "用户帐号不能为空";
		$("#user").css("border-color", "red");
		return;
	}
	var reg = /^[0-9a-z_]+@(([0-9a-z]+)[.]){1,2}[a-z]{2,3}$/;
	if(!reg.test(user)) {
		/*border-color 输入框边框颜色改变*/
		$("#user").css("border-color", "red");
		userSapn.innerHTML = "您输入格式错误，请输入电子邮箱格式如QQ邮箱：763275392@qq.com";
		return;
	}
	userSapn.innerHTML = "";
	$("#user").css("border-color", "forestgreen");
	return true;
}

/*/*验证用户登录密码*/
function valiDataPwd() {
	 pwd = document.getElementById("pwd").value;
	/*获取提示id*/
	var pwdSpan = document.getElementById("pwdSpan");

	if(pwd == "") {
		pwdSpan.innerHTML = "用户密码不能为空";
		$("#pwd").css("border-color", "red");
		return;
	}
	var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,}$/;
	if(!reg.test(pwd)) {
		$("#pwd").css("border-color", "red");
		pwdSpan.innerHTML = "密码由6位以上的字母和数字组成， 必须最少包含一个字母或数字";
		return;
	}
	pwdSpan.innerHTML = "";
	$("#pwd").css("border-color", "forestgreen");
	return true;
}

//***********封装方法----顶部弹出的提示*******内容，样式，时间*************/
function do_Activity(activity_text,activity_style,activity_time) {
    document.getElementById("hint_span").innerHTML = activity_text;
    $("#alert").addClass(activity_style);
    $(".hint_success").fadeIn("slow");
    window.setTimeout("$('.hint_success').fadeOut('slow')", activity_time);
}


/*$(document).ready()是在DOM结构载入完后执行*/
$(document).ready(function() {
	/*调用导航栏响应式导布局方法*/
	reSetNavCalss();
	/*验证用户输入帐号是否规范方法*/
	$("#user").blur(function() {
		valiDataUser();
	})

	/*验证用户输入密码是否规范方法*/
	$("#pwd").blur(function() {
		/*验证用户输入帐号是否规范方法*/
		valiDataPwd();
		/*验证用户输入密码是否规范方法*/
	})
	//$(window).resize屏幕改变触发事件
	$(window).resize(function() {
		reSetNavCalss();

	})
	/*backdrop: 'static' 指定一个静态的背景，当用户点击模态框外部时不会关闭模态框。
     keyboard: true  当按下 escape 键时关闭模态框，设置为 false 时则按键无效*/
	$('#modal_login').modal({
		backdrop: 'static',
		keyboard: true
	});

	/*************登录切换********************/
	/********attr添加属性，css添加样式***************/
	$("#startLogin").click(function() {	
		    /*点击登录按钮关闭模态框*/
			
			if(valiDataUser() && valiDataPwd()) {
				if(user === "763275392@qq.com" && pwd ==="123456a") {
					/*登录成功移除原来alert的危险样式*/
					 $("#alert").removeClass("alert-danger");
					do_Activity('登录成功','alert-success',2000);
					$(this).attr("data-dismiss", "modal");
					/*登录成功切换到个人信息的界面    隐藏：display","none*/
				 $("#navRightDiv").css("display","none");
				 /*显示*/
				 $("#loginNavRightDiv").css("display", "block");
				} else {	
					do_Activity('密码或者帐号输入错误，请重新输入','alert-danger',4000);
				}
				
			}
		   
			
			
	});//
	$("#exitUser").click(function(){
		/*登录成功移除原来alert的危险样式*/
					 $("#alert").removeClass("alert-success");
		do_Activity('退出成功','alert-danger',3000);
		/*登录成功切换到个人信息的界面    隐藏：display","none*/
		$("#loginNavRightDiv").css("display","none");
	    $("#navRightDiv").css("display", "block");
	});
	//个人中心下拉事件
		$(".PersonalCenter").click(function() {
			
		$("#loginOk-nav").fadeToggle(500);
	});
});